<!--员工信息编辑-->
<div id="vueAppId_${serializeNum}">
    <form role="form" class="form-horizontal" id="editForm_${serializeNum}" addUrlApiKey="addAdminUserUrl"
          updateUrlApiKey="updateAdminUserUrl"
          method="post"
          responseType="json"
          data-bv-submitButtons="#editFormSubmitBtn_${serializeNum}"
          data-bv-message="必填项,请输入或选择值"
          data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
          data-bv-feedbackicons-invalid="glyphicon glyphicon-remove"
          data-bv-feedbackicons-validating="glyphicon glyphicon-refresh">
        <input type="hidden" value="${adminUserId[0]}" name="id">
        <div class="col-sm-12">
            <div class="form-group nomargin-left nomargin-right">
                <label for="realName" class="col-sm-2 control-label no-padding-right"><span
                        class="red">*</span>真实名称</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" required="required" id="realName" :value="bean.realName" maxlength="50"
                           name="realName" placeholder="真实名称">
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group nomargin-left nomargin-right">
                <label for="firstDepartmentName" class="col-sm-2 control-label no-padding-right"><span
                        class="red">*</span>主属部门</label>
                <div class="col-sm-8">
                    <input type="hidden" name="firstDepartment">
                    <input type="text" class="form-control" data-bv-notempty="true" id="firstDepartmentName"
                           :value="bean.deptName" name="firstDepartmentName" placeholder="主属部门">
                </div>
                <div class="col-sm-2">
                    <a href="javascript:" class="btn btn-success"
                       onclick="showSelectedDeptDialog('setFirstDepartment','选择主属部门')"><i
                            class="fa fa-search"></i>选择</a>
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group nomargin-left nomargin-right">
                <label for="secondDepartmentName" class="col-sm-2 control-label no-padding-right">附属部门</label>
                <div class="col-sm-8">
                    <input type="hidden" name="secondDepartment">
                    <input type="text" class="form-control" readonly="readonly" id="secondDepartmentName"
                           :value="bean.deptName" name="secondDepartmentName" placeholder="附属部门">
                </div>
                <div class="col-sm-2">
                    <a href="javascript:" class="btn btn-success"
                       onclick="showSelectedDeptDialog('secondDepartment','选择附属部门')"><i class="fa fa-search"></i>选择</a>
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group nomargin-left nomargin-right">
                <label for="post" class="col-sm-2 control-label no-padding-right"><span class="red">*</span>职位</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" required="required" id="post" :value="bean.post" name="post" maxlength="50"
                           placeholder="职位">
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group nomargin-left nomargin-right">
                <label for="jobNumber" class="col-sm-2 control-label no-padding-right"><span
                        class="red">*</span>工号</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" jobNumber1 required="required" pattern="^[a-zA-Z0-9_-]+$"
                           data-bv-regexp="true" maxlength="15"
                           data-bv-regexp-regexp="^[a-zA-Z0-9_-]+$"
                           data-bv-regexp-message="请正确输入,工号只能包含数字、字母、下划线、中杠"
                           id="jobNumber" :value="bean.jobNumber" name="jobNumber" placeholder="工号">
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group nomargin-left nomargin-right">
                <label for="userName" class="col-sm-2 control-label no-padding-right"><span
                        class="red">*</span>用户名</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" required="required"
                           data-bv-remote="true" data-bv-remote-url="sysAdminUserController/verificationUserName.do?id=${adminUserId[0]}" data-bv-remote-message="用户名已存在！"
                           data-bv-regexp="true"
                           data-bv-regexp-regexp="^[a-zA-Z0-9_]+$"
                           data-bv-regexp-message="请正确输入,用户名只能包含数字、字母、下划线"
                           id="userName" maxlength="15"
                           :value="bean.userName" name="userName" placeholder="用户名">
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group nomargin-left nomargin-right">
                <label for="userPassword" class="col-sm-2 control-label no-padding-right"><span class="red">*</span>员工密码</label>
                <span class="col-sm-10">
                <input type="password" class="form-control"  maxlength="50" data-bv-notempty="true"
                       data-bv-notempty-message="The password is required and cannot be empty" data-bv-identical="true"
                       data-bv-identical-field="confirmPassword"
                       data-bv-identical-message="The password and its confirm are not the same"
                       data-bv-different="true" data-bv-different-field="userName"
                       data-bv-different-message="The password cannot be the same as username" data-bv-field="password"
                       id="userPassword" :value="bean.userPassword" name="userPassword" placeholder="员工密码">
              </span>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group nomargin-left nomargin-right">
                <label for="repUserPassword" class="col-sm-2 control-label no-padding-right"><span class="red">*</span>重复密码</label>
                <div class="col-sm-10">
                    <input type="password" class="form-control" name="confirmPassword" maxlength="50" data-bv-notempty="true"
                           data-bv-notempty-message="The confirm password is required and cannot be empty"
                           data-bv-identical="true" data-bv-identical-field="userPassword"
                           data-bv-identical-message="The password and its confirm are not the same"
                           data-bv-different="true" data-bv-different-field="userName"
                           data-bv-different-message="The password cannot be the same as username"
                           data-bv-field="confirmPassword" id="repUserPassword" :value="bean.confirmPassword" placeholder="请再次输入密码">
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group nomargin-left nomargin-right">
                <label for="phoneNumber" class="col-sm-2 control-label no-padding-right"><span
                        class="red">*</span>手机号</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" required="required" id="phoneNumber" data-bv-regexp="true" data-bv-regexp-regexp="^\d{11}$"  maxlength="11"
                           :value="bean.phoneNumber" name="phoneNumber" placeholder="手机号">
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group nomargin-left nomargin-right">
                <label for="businessRegion" class="col-sm-2 control-label no-padding-right"><span class="red">*</span>业务大区</label>
                <div class="col-sm-10">
                    <select class="form-control" id="businessRegion" required="required" name="businessRegion"
                            onchange="loadBusinessRegionCitys(this.value)">
                        <option value="">请选择业务大区</option>
                        <template v-for="br in businessRegions">
                            <option :value="br.id" v-text="br.region" selected="selected" v-if="br.id==bean.businessRegion"></option>
                            <option :value="br.id" v-text="br.region" v-else></option>
                        </template>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group nomargin-left nomargin-right">
                <label for="selectedBusinessCitys" class="col-sm-2 control-label no-padding-right">服务城市</label>
                <div class="col-sm-10">
                    <select class="form-control" id="selectedBusinessCitys"
                            name="businessCitys">
                        <option value="">请选择服务城市</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group nomargin-left nomargin-right">
                <label for="festnetznummer" class="col-sm-2 control-label no-padding-right">座机号</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="festnetznummer" :value="bean.festnetznummer"  maxlength="12"
                           name="festnetznummer" placeholder="座机号">
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group nomargin-left nomargin-right">
                <label for="email" class="col-sm-2 control-label no-padding-right">邮箱</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="email" :value="bean.email" data-bv-emailAddress="true" name="email" maxlength="50"
                           placeholder="邮箱">
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group nomargin-left nomargin-right">
                <label for="wechat" class="col-sm-2 control-label no-padding-right">微信</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="wechat" :value="bean.wechat" name="wechat" maxlength="20"
                           placeholder="微信">
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group nomargin-left nomargin-right">
                <label for="qq" class="col-sm-2 control-label no-padding-right">QQ</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="qq" :value="bean.qq" name="qq" placeholder="QQ" maxlength="15">
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group nomargin-left nomargin-right">
                <label class="col-sm-2 control-label no-padding-right">性别</label>
                <div class="col-sm-10">
                    <div class="control-group">
                        <div class="col-sm-3" v-for="dic in sex">
                            <div class="radio">
                                <label>
                                    <input name="sex" type="radio" :value="dic.value" class="colored-blue"  checked="checked" v-if="bean.sex==dic.value">
                                    <input name="sex" type="radio" :value="dic.value" class="colored-blue" v-else>
                                    <span class="text" v-text="dic.text"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="form-group nomargin-left nomargin-right">
                <input type="hidden" :value="bean.isForbidden" name="isForbidden">
                <label for="isForbidden" class="col-sm-2 control-label no-padding-right">是否禁用</label>
                <div class="col-sm-10">
                    <label>
                        <input class="checkbox-slider yesno" type="checkbox" data-target-input-name="isForbidden" v-if="bean.isForbidden" checked="checked" >
                        <input class="checkbox-slider yesno" type="checkbox" data-target-input-name="isForbidden" v-else  >
                        <span class="text"></span>
                    </label>
                </div>
            </div>
        </div>

        <div class="row customer-modal-footer">
            <button type="button" class="btn btn-blue" onclick="editModel.closeDialog()">取消</button>
            <button type="submit" class="btn btn-danger" id="editFormSubmitBtn_${serializeNum}" ondblclick="false">提交
            </button>
        </div>
    </form>
</div>
<script type="text/javascript">
    // 编辑表单Id
    var editFormId = "editForm_${serializeNum}";
    var editVueAppId = "vueAppId_${serializeNum}";
    var selectpickerClass = "selectpicker_${serializeNum}";
    var enitFormSubmitId = "editFormSubmitBtn_${serializeNum}";
</script>
<script type="text/javascript" src="${ctx}/assets/js/custom/client/sysAdminUser/edit.js"></script>


